<!DOCTYPE html>
<html>
<head></head>
<body>
{include file="/public/header"}
<style>
    @media (max-width: 1024px) {
        .banner-n { margin-top: 60px; }
    }
    .room .rm_xq .list li:nth-child(3n+1) { clear: both; }
    .pages { margin-top: 50px; text-align: center; clear: both; }
    .pages ul li { display: inline-block; }
    .pages span { padding: 10px 15px; border: solid #e6e6e6 1px; font-size: 14px; }
    .pages a { padding: 10px 15px; border: solid #e6e6e6 1px; font-size: 14px; }
    .pages span:hover { background: #90704D; color: #fff; }
    .pages a:hover { background: #90704D; color: #fff; }
    /*.pages .on { background: #90704D; color: #fff; }*/
    .room .list_a li:hover a { border-bottom: solid #90704D 2px; color: #90704D; }
    .room .list_a li a.Select { border-bottom: solid #90704D 2px; color: #90704D; }
    @media (max-width: 1024px) {
        .room .rm_xq .list li:nth-child(3n+1) { clear: none; }
        .room .rm_xq .list li:nth-child(2n+1) { clear: both; }
    }
</style>
<div class="g_header clearfix">
    <div class="bar">
        <a href="#" class="menu"><img src="/static/index/images/cd.png" /></a>
        <!--<p class="logo"><a href="index.html"><img src="/static/index/images/yd_lg.png" /></a></p>-->
    </div>
    <div class="main">
        <div class=" g_cw_a">
            <!--<a href="index.html" class="logo"><img src="images/logo.png" /></a>-->
            <ul class="nav">
                {volist name="title" id="vo"}
                <li> <a href="/index/{$vo.action}/index"{if isset($action)}{if $vo.action eq $action}class="on"{else}{/if}{else/}{/if}> <b>{$vo.name}</b> </a> </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>
<div class="banner-n clearfix">
    <div class="frame" style="background: url(/static/index/images/timg1.jpg) no-repeat center center; background-size:cover; width:100%;"></div>
</div>
<div class="wy_dw">
    <div class="dw g_cw">
        <p> <img class="" src="/static/index/images/dw_nei.png" /> <a href="index.html">网站首页</a><span> &nbsp; &gt;&gt; &nbsp; </span><a href="#">{$this_title.name}</a> </p>
    </div>
</div>
<div class="room">
    <div class="g_cw g_mt">
        <div class="g_title">
            <h5>
                {$this_title.name}
            </h5>
        </div>
        <ul class="list_a">
            <!--<li><a href="?_ct=商务住宿" class="Select">商务住宿</a></li>-->
            <!--<li><a href="?_ct=贵宾套房" class="">贵宾套房</a></li>-->
            <!--<li><a href="?_ct=休闲娱乐" class="">休闲娱乐</a></li>-->
            {volist name="$room_o" id="vo"}
            <li><a href="/index/room/index/id/{$vo.id}" {if isset($id)}{if $id eq $vo.id}class="Select"{else/}{/if}{else/}{/if}>{$vo.title}</a></li>
            {/volist}
        </ul>
    </div>
    <div class="rm_xq">
        <div class="g_cw g_mt">
            <div class="right">
                <ul class="list">
                    {volist name="$room_1" id="vo"}
                    <li>
                        <a href="/index/room/content/id/{$vo.id}">
                            <p> <img class="rm_ct" src="{$vo.image}" /> </p>
                            <p class="l1">{$vo.title}</p>
                        </a>
                    </li>
                    {/volist}
                    <!--<li> <a href="roomdetail.html?_id=10032" target="_blank"> <p> <img class="rm_ct" src="/static/index/images/evkwe9j53zsp6b3.jpg " /> </p> <p class="l1">豪华VIP房间</p> </a> </li>
                    <li> <a href="roomdetail.html?_id=10031" target="_blank"> <p> <img class="rm_ct" src="/static/index/images/4ykn67vizq2yllp.jpg " /> </p> <p class="l1">商务标准间</p> </a> </li>
                    <li> <a href="roomdetail.html?_id=10030" target="_blank"> <p> <img class="rm_ct" src="/static/index/images/r33pmpfhl7ovzhg.jpg " /> </p> <p class="l1">双人奥斯卡</p> </a> </li>
                    <li> <a href="roomdetail.html?_id=10029" target="_blank"> <p> <img class="rm_ct" src="/static/index/images/jgm7shstxf23htl.jpg " /> </p> <p class="l1">高级单人间</p> </a> </li>
                    <li> <a href="roomdetail.html?_id=10028" target="_blank"> <p> <img class="rm_ct" src="/static/index/images/4u8z9q5ki4w1r0q.jpg " /> </p> <p class="l1">商务标准间</p> </a> </li>-->
                </ul>
            </div>
            <script>
                $('._slick1').slick({ arrows: true, dots: true, slidesToShow: 1, slidesToScroll: 1, autoplay: false, autoplaySpeed: 5000, speed: 500 });
            </script>
            <div class="pages">
                <ul>
                    <li>
                        {$room_1->render()|raw}
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
{include file="public/footer"}
</body>
</html>